<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
            短路运算符 :
                1. && 短路与,如果表达式1为真,则返回表达式2;如果表达式1为假,则返回表达式1(值)
                2. || 短路或,如果表达式1为真,则返回表达式1;如果表达式1为假,则返回表达式2(值)
            语法案例 :
                let result = 表达式1 && 表达式2;
            输出：表达式
            处理：
            输出：表达式的值 

            注意：
                1. 如果返回表达式1,则表达式2, 不再参与运算。
                2. 表达式1的值,会转化为布尔值,再参与短路运算。   
        */
        // && 的两遍是 表达式
        console.log(3 > 2 && 4 + 2);  // 6
        console.log(3 < 2 && 4 + 2);  // false
        console.log('-------------------------------');
        console.log(3 > 2 || 4 + 2);  // true
        console.log(3 < 2 || 4 + 2);  // 6

        console.log('---------------案例---------------');
        let num = 0;
        console.log(3 > 5 && num++);  // false
        console.log(num);   // 0
        console.log(3 > 2 || num++);  // true 
        console.log(num);   // 0
        console.log('--------------不是布尔值--------------');
        console.log(123 && 2 + 5);  // 7
        console.log('123' && 2 + 5);  // 7
        console.log(null && 2 + 5);  // null

        console.log('---------------练习案例-------------');
        console.log('--------------案例---------');

        console.log(123 && 456); // 
        console.log(0 && 456); //  
        console.log(0 && 1 + 2 && 456 * 56789); // 
        console.log(3 && 456 * 56789); // 
        console.log('' && 1 + 2 && 456 * 56789); //

        console.log(123 || 456); // 
        console.log(123 || 456 || 456 + 123); // 
        console.log(0 || 456 || 456 + 123); // 

        var num1 = 0;
        console.log(123 || num1++);
        console.log(num1); // 
    </script>
</body>

</html>